<div class="TEMPLATE_LABEL_">
    <section class="container">
        <div class="clearfix">







            <article class="col-7 fl">
                    <div class="mr50 c-7-warp">
                        <div class="pc-title">
                            <div class="comm-title-3 com-m-none">
                                <header class="co-line-tit pr">
                                    <div class="co-l-t-txt">
                                        <#if TEMPLATE_TITLE??>
                                            <#list TEMPLATE_TITLE?split("/") as templateTitle>
                                                <#if (templateTitle_index<=0)>
                                            <div class="fsize24 f-fM c-333 hLh40">${templateTitle!''}</div>
                                                </#if>
                                            </#list>
                                        </#if>
                                        <#if TEMPLATE_INFO??>
                                            <#list TEMPLATE_INFO?split("/") as templateInfo>
                                            <#if (templateInfo_index<=0)>
                                            <div class="fsize12 f-fM c-assist hLh30">${templateInfo!''}</div>
                                            </#if>
                                            </#list>
                                        </#if>
                                    </div>
                                </header>
                            </div>
                        </div>
                        <div class="mobile-title">
                            <div class="comm-title-3 com-m-none">
                                <section class="container">
                                    <header class="co-line-tit pr">
                                        <div class="tac co-l-t-txt">

                                            <#if TEMPLATE_TITLE??>
                                                <#list TEMPLATE_TITLE?split("/") as templateTitle>
                                                    <#if (templateTitle_index<=0)>
                                                    <div class="fsize24 f-fM c-333 hLh40">${templateTitle!''}</div>
                                                    </#if>
                                            </#list>
                                            </#if>
                                            <#if TEMPLATE_INFO??>
                                                <#list TEMPLATE_INFO?split("/") as templateInfo>
                                                    <#if (templateInfo_index<=0)>
                                                    <div class="fsize12 f-fM c-assist hLh30">${templateInfo!''}</div>
                                                    </#if>
                                                </#list>
                                            </#if>
                                        </div>
                                        <div class="co-line-line pa"></div>
                                    </header>
                                </section>
                            </div>
                        </div>
                        <div class="i-question-list">
                            <ul class="n-l-box" id="iQuestion">
                                <#if (article??)>
                                <#list article as article>
                                    <li>
                                        <aside class="n-l-pic">
                                            <a href="${ctx}/webpage/toArticle/${article.articleId}">
                                                <img xSrc="${ctx}/${article.imageUrl}" src="/template/templet1/images/default-img.gif">
                                            </a>
                                        </aside>
                                        <h3 class="hLh30 txtOf unFw">
                                            <a href="${ctx}/webpage/toArticle/${article.articleId}" class="n-l-tit fsize18 c-333 f-fM" title="${article.title}">
                                                ${article.title}
                                            </a>
                                        </h3>
                                        <section class="txt-nr mt10">
                                            <p class="c-999 f-fM">${article.summary}</p>
                                        </section>
                                        <section class="hLh30 clearfix">
                                            <div class="fl">
                                                <em class="icon16 ico">
                                                    <img src="/template/templet1/images/liul.png">
                                                </em>
                                                <tt class="fsize12 c-666 f-fM vam">${article.clickNum}次</tt>
                                            </div>
                                            <div class="fl ml30">
                                                <em class="icon16 ico">
                                                    <img src="/template/templet1/images/time.png">
                                                </em>
                                                <tt class="fsize12 c-666 f-fM vam">${article.publishTime?string("yyyy-MM-dd HH:mm:ss")}</tt>
                                            </div>
                                        </section>
                                    </li>
                                </#list>
                                </#if>
                            </ul>
                        </div>
                    </div>
            </article>
            <article class="col-3 fr">
                <div class="c-3-warp">
                    <div class="pc-title">
                        <div class="comm-title-3 com-m-none">
                            <header class="co-line-tit pr">
                                <div class="co-l-t-txt">
                                    <#if TEMPLATE_TITLE??>
                                        <#list TEMPLATE_TITLE?split("/") as templateTitle>
                                        <#if (templateTitle_index=1)>
                                            <div class="fsize24 f-fM c-333 hLh40">${templateTitle!''}</div>
                                        </#if>
                                        </#list>
                                    </#if>
                                    <#if TEMPLATE_INFO??>
                                        <#list TEMPLATE_INFO?split("/") as templateInfo>
                                            <#if (templateInfo_index=1)>
                                            <div class="fsize12 f-fM c-assist hLh30">${templateInfo!''}</div>
                                        </#if>
                                            </#list>
                                    </#if>
                                </div>
                            </header>
                        </div>
                    </div>
                    <div class="mobile-title">
                        <div class="comm-title-3 com-m-none">
                            <section class="container">
                                <header class="co-line-tit pr">
                                    <div class="tac co-l-t-txt">
                                        <#if TEMPLATE_TITLE??>
                                            <#list TEMPLATE_TITLE?split("/") as templateTitle>
                                        <#if (templateTitle_index=1)>
                                            <div class="fsize24 f-fM c-333 hLh40">${templateTitle!''}</div>
                                        </#if>
                                            </#list>
                                        </#if>
                                        <#if TEMPLATE_INFO??>
                                            <#list TEMPLATE_INFO?split("/") as templateInfo>
                                                <#if (templateInfo_index=1)>
                                            <div class="fsize12 f-fM c-assist hLh30">${templateInfo!''}</div>
                                            </#if>
                                                </#list>
                                        </#if>
                                    </div>
                                    <div class="co-line-line pa"></div>
                                </header>
                            </section>
                        </div>
                    </div>
                    <div class="i-question-list">
                        <#if (WEBSITE_IMAGES_LIST?size>0)>
                            <ul class="d4-hot-list">
                                <#list WEBSITE_IMAGES_LIST as websiteImage>
                                    <li>
                                        <a class="tit-pic" href="${websiteImage.linkAddress!''}" target="_blank" title="">
                                            <img xsrc="${ctx}${websiteImage.imagesUrl}" src="/template/templet1/images/pic/t-pic-1.jpg" alt="">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="${websiteImage.linkAddress!''}" target="_blank" title="进入查看" target="_blank">${websiteImage.title}</a>
                                        </div>
                                        <#list "${websiteImage.describe}"?split("|") as describe>

                                            <#if (describe_index=0)>
                                                <input type="hidden" value="${describe_index+1}">
                                                <p class="nr-txt">
                                                    <a href="${websiteImage.linkAddress!''}" target="_blank" title="进入查看" target="_blank"> ${describe!''}</a>
                                                </p>
                                            </#if>
                                        </#list>


                                                    <div class="clear"></div>
                                                    <div class="d4-h-ly clearfix mt10">
                                                        <#list "${websiteImage.describe}"?split("|") as describe>
                                                            <#if (describe_index=1)>
                                                        <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                                        <a class="disIb vam fsize12 c-assist f-fM" href="">${describe!''}</a>
                                                            </#if>
                                                        </#list>
                                                        <#list "${websiteImage.describe}"?split("|") as describe>
                                                            <#if (describe_index=2)>
                                                        <span class="disIb vam fsize12 c-666 f-fM fr">${describe!''}</span>
                                                            </#if>
                                                        </#list>
                                                    </div>

                                    </li>
                                </#list>
                            </ul>
                            <#else>
                                <ul class="d4-hot-list">
                                    <li>
                                        <a class="tit-pic" href="javascript:void(0)" title="">
                                            <img xsrc="/template/templet1/images/pic/t-pic-1.jpg" src="/template/templet1/images/pic/t-pic-1.jpg" alt="陈晓薇">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="" title="进入查看" target="_blank">因酷时代三大在线教育平台系统功能更新上线！</a>
                                        </div>
                                        <p class="nr-txt">
                                            <a href="" title="进入查看" target="_blank"> 亲爱的酷头们，感谢大家一直以来的关注和支持，因酷时代网校系统、慕课系统、考试系统功能于9月1日更新上线。相比于之前的版本，各系统更新功能如下：一、网课平台系统1、后台系统操作日志 ：搜索后台用户操作记录（操作人、类型、开始时间、结束时间）2、注册时邮箱或手机属性开关：是否开启验证...</a>
                                        </p>
                                        <div class="clear"></div>
                                        <div class="d4-h-ly clearfix mt10">
                                            <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                            <a class="disIb vam fsize12 c-assist f-fM" href="">[产品更新组]</a>
                                            <span class="disIb vam fsize12 c-666 f-fM fr">2016-09-01</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a class="tit-pic" href="javascript:void(0)" title="">
                                            <img xsrc="/template/templet1/images/pic/t-pic-1.jpg" src="/template/templet1/images/pic/t-pic-1.jpg" alt="陈晓薇">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="" title="进入查看" target="_blank">因酷时代三大在线教育平台系统功能更新上线！</a>
                                        </div>
                                        <p class="nr-txt">
                                            <a href="" title="进入查看" target="_blank"> 亲爱的酷头们，感谢大家一直以来的关注和支持，因酷时代网校系统、慕课系统、考试系统功能于9月1日更新上线。相比于之前的版本，各系统更新功能如下：一、网课平台系统1、后台系统操作日志 ：搜索后台用户操作记录（操作人、类型、开始时间、结束时间）2、注册时邮箱或手机属性开关：是否开启验证...</a>
                                        </p>
                                        <div class="clear"></div>
                                        <div class="d4-h-ly clearfix mt10">
                                            <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                            <a class="disIb vam fsize12 c-assist f-fM" href="">[产品更新组]</a>
                                            <span class="disIb vam fsize12 c-666 f-fM fr">2016-09-01</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a class="tit-pic" href="javascript:void(0)" title="">
                                            <img xsrc="/template/templet1/images/pic/t-pic-1.jpg" src="/template/templet1/images/pic/t-pic-1.jpg" alt="陈晓薇">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="" title="进入查看" target="_blank">因酷时代三大在线教育平台系统功能更新上线！</a>
                                        </div>
                                        <p class="nr-txt">
                                            <a href="" title="进入查看" target="_blank"> 亲爱的酷头们，感谢大家一直以来的关注和支持，因酷时代网校系统、慕课系统、考试系统功能于9月1日更新上线。相比于之前的版本，各系统更新功能如下：一、网课平台系统1、后台系统操作日志 ：搜索后台用户操作记录（操作人、类型、开始时间、结束时间）2、注册时邮箱或手机属性开关：是否开启验证...</a>
                                        </p>
                                        <div class="clear"></div>
                                        <div class="d4-h-ly clearfix mt10">
                                            <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                            <a class="disIb vam fsize12 c-assist f-fM" href="">[产品更新组]</a>
                                            <span class="disIb vam fsize12 c-666 f-fM fr">2016-09-01</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a class="tit-pic" href="javascript:void(0)" title="">
                                            <img xsrc="/template/templet1/images/pic/t-pic-1.jpg" src="/template/templet1/images/pic/t-pic-1.jpg" alt="陈晓薇">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="" title="进入查看" target="_blank">因酷时代三大在线教育平台系统功能更新上线！</a>
                                        </div>
                                        <p class="nr-txt">
                                            <a href="" title="进入查看" target="_blank"> 亲爱的酷头们，感谢大家一直以来的关注和支持，因酷时代网校系统、慕课系统、考试系统功能于9月1日更新上线。相比于之前的版本，各系统更新功能如下：一、网课平台系统1、后台系统操作日志 ：搜索后台用户操作记录（操作人、类型、开始时间、结束时间）2、注册时邮箱或手机属性开关：是否开启验证...</a>
                                        </p>
                                        <div class="clear"></div>
                                        <div class="d4-h-ly clearfix mt10">
                                            <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                            <a class="disIb vam fsize12 c-assist f-fM" href="">[产品更新组]</a>
                                            <span class="disIb vam fsize12 c-666 f-fM fr">2016-09-01</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a class="tit-pic" href="javascript:void(0)" title="">
                                            <img xsrc="/template/templet1/images/pic/t-pic-1.jpg" src="/template/templet1/images/pic/t-pic-1.jpg" alt="陈晓薇">
                                        </a>
                                        <div class="tit-txt">
                                            <img src="/template/templet1/images/topic.png" title="话题" alt="话题" height="12" width="12" class="vam">
                                            <a class="tit-txt-name vam" href="" title="进入查看" target="_blank">因酷时代三大在线教育平台系统功能更新上线！</a>
                                        </div>
                                        <p class="nr-txt">
                                            <a href="" title="进入查看" target="_blank"> 亲爱的酷头们，感谢大家一直以来的关注和支持，因酷时代网校系统、慕课系统、考试系统功能于9月1日更新上线。相比于之前的版本，各系统更新功能如下：一、网课平台系统1、后台系统操作日志 ：搜索后台用户操作记录（操作人、类型、开始时间、结束时间）2、注册时邮箱或手机属性开关：是否开启验证...</a>
                                        </p>
                                        <div class="clear"></div>
                                        <div class="d4-h-ly clearfix mt10">
                                            <font class="disIb vam fsize12 c-666 f-fM">来源：</font>
                                            <a class="disIb vam fsize12 c-assist f-fM" href="">[产品更新组]</a>
                                            <span class="disIb vam fsize12 c-666 f-fM fr">2016-09-01</span>
                                        </div>
                                    </li>
                                </ul>
                        </#if>
                    </div>
                </div>
            </article>


</div>
</section>
</div>